<template>
	<view class="content-box">
		 
		<view class="back_btn_box">
			<image src="../../static/px/left.png" style="width: 20rpx;float: left;" mode="widthFix" @click="back"></image>
			<view style="float: left;margin-left: 20rpx;line-height: 40rpx;margin-top: -5rpx;">
				培训详情
			</view>
		</view>
		<view style="width: 100%;height: 150rpx;">
			
		</view> 
		<view class="px_item" style="height: 220rpx;border-radius: 20rpx;margin-top: 20rpx;">
			<view class="t1">
				<view class="lable lable_c1">
					订单式培训
				</view>
			</view>
			<view class="t2">
				培训名称培训名称培训名称(编号)
			</view>
			<view class="t3">
				2023-02-08-2023-04-08
			</view>
			<view class="t3">
				<view class="t_lable tl1">
					适应性
				</view>
				<view class="t_lable tl2">
					总课节/总课节
				</view>
			</view> 
		</view>
		<view class="gb001">
			<view class="a1">
				查看关联考试信息
			</view>
			<view class="a1">
				查看关联培训通知信息
			</view>
			 <view class="a1">
			 	查看关联问卷信息
			 </view>
			 <view class="a1">
			 	查看关联证书信息
			 </view>
		</view> 
		<view class="magin_top20"></view>
		<view class="gb001" style="height: auto;">
			<view style="width: 90%;float: left;line-height: 50rpx;margin-left: 5%;margin-top: 20rpx;font-weight: bold;">
				本次培训奖励
			</view>
			<view style="width: 90%;float: left;border-radius: 20rpx;background: #F5F7FB;margin-left: 5%;height:auto;margin-top: 10rpx;">
				<view style="width: 90%;float: left;margin-top: 30rpx;margin-left: 5%;border-bottom: 3rpx solid #c6c6c6;">
					<image src="../../static/px/p3.png" style="width: 40rpx;margin-bottom: 20rpx;float: left;" mode="widthFix"></image>
					<view style="float: left;margin-left: 20rpx;">
						考核分
					</view>
					<view style="width: 120rpx;float: right;border: 3rpx solid #FA720B;border-radius: 30rpx;height: 50rpx;background: #F9DDC9;color: #FA720B;font-size: 30rpx;line-height: 50rpx;">
						<image src="../../static/px/jb.png" style="width: 50rpx;float: left;margin-top: -5rpx;margin-left: -10rpx;" mode="widthFix"></image>
						+5
					</view>
				</view>
				<view style="width: 90%;float: left;margin-top: 30rpx;margin-left: 5%;">
					<image src="../../static/px/p3.png" style="width: 40rpx;margin-bottom: 20rpx;float: left;" mode="widthFix"></image>
					<view style="float: left;margin-left: 20rpx;">
						考核分
					</view>
					<view style="width: 120rpx;float: right;border: 3rpx solid #FA720B;border-radius: 30rpx;height: 50rpx;background: #F9DDC9;color: #FA720B;font-size: 30rpx;line-height: 50rpx;">
						<image src="../../static/px/jb.png" style="width: 50rpx;float: left;margin-top: -5rpx;margin-left: -10rpx;" mode="widthFix"></image>
						+5
					</view>
				</view> 
			</view>
			<view style="width: 100%;float: left;height: 30rpx;"></view>
		</view>
		<view  class="gb001" style="height: auto;">
			<view class="info_kejian_info_detail" style="border: none;">
				<view class="kejie_info">
					<view class="k_title">
						<view class="kt_1"></view>
						<view class="kt_2">课节1</view>
					</view>
					<view class="k_item">
						<view class="k_img_box">
							<image src="../../static/training/img001.png" class="k_img"></image>
							<image src="../../static/video/bofang.png" class="bf" mode="widthFix"></image>
							<view class="bf_num1">
								播放次数999
							</view>
						</view>
						<view class="k_info">
							<view class="k_info_t">
								1.列车运行图的图编制质量的检查
							</view>
							<view class="k_info_time">
								2课时 80分钟
							</view>
							<view class="tbt">
								2023/02/05-2023/04/05
							</view>
						</view>
						<view class="ki">
							<view class="ki1">
								<view class="ki2">
									已观看<text class="c1">100</text>%
								</view>
								<view class="over">
									观看完成
								</view>
							</view>
							<view class="ki3">
								<progress :percent="100" activeColor="#2044CC" stroke-width="4" />
							</view>
						</view>
					</view>
					<view class="k_item">
						<view class="k_img_box">
							<image src="../../static/training/img001.png" class="k_img"></image>
							<image src="../../static/video/bofang.png" class="bf" mode="widthFix"></image>
							<view class="bf_num1">
								播放次数999
							</view>
						</view>
						<view class="k_info">
							<view class="k_info_t">
								1.列车运行图的图编制质量的检查
							</view>
							<view class="k_info_time">
								2课时 80分钟
							</view>
							<view class="tbt">
								2023/02/05-2023/04/05
							</view>
						</view>
						<view class="ki">
							<view class="ki1">
								<view class="ki2">
									已观看<text class="c1">50</text>%
								</view>
								<view class="ing">
									观看中
								</view>
							</view>
							<view class="ki3">
								<progress :percent="50" activeColor="#2044CC" stroke-width="4" />
							</view>
						</view>
					</view>
					<view class="k_item">
						<view class="k_img_box">
							<image src="../../static/training/img001.png" class="k_img"></image>
							<image src="../../static/video/bofang.png" class="bf" mode="widthFix"></image>
							<view class="bf_num1">
								播放次数99
							</view>
						</view>
						<view class="k_info">
							<view class="k_info_t">
								1.列车运行图的图编制质量的检查
							</view>
							<view class="k_info_time">
								2课时 80分钟
							</view>
							<view class="tbt">
								2023/02/05-2023/04/05
							</view>
						</view>
						<view class="ki">
							<view class="ki1">
								<view class="ki2">
									已观看<text class="c1">0</text>%
								</view>
								<view class="un">
									未观看
								</view>
							</view>
							<view class="ki3">
								<progress :percent="0" activeColor="#2044CC" stroke-width="4" />
							</view>
						</view>
					</view>
					<view class="magin_top20"></view>
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	import {
		getInfo
	} from "@/common/api/login/login.js";
	export default {
		data() {
			return {
				 
			};
		},
		onLoad() {
			 
		},
		methods: {
			back(){
				uni.switchTab({
					url:"/pages/index/index"
				})
			},
			course(){
				uni.navigateTo({
					url:"/pages/training/course"
				})
			},
			topic(){
				uni.navigateTo({
					url:"/pages/training/topic"
				})
			}
		},
	};
</script>

<style lang="scss" scoped>
	@import url("../../common/base.css");
	@import "./info.scss";

	page {
		background-image: url("../../static/bg.png");
	}
	.gb001{
		width: 90%;background: white;border-radius: 15rpx;float: left;margin-left: 5%;height: 200rpx;margin-top: 30rpx;
		.a1{
			width:41%;float: left;height: 55rpx;line-height: 55rpx;margin-left: 6%;background: #ECF3FE;margin-top: 30rpx;font-size: 22rpx;text-align: center;border-radius: 30rpx;color: #5B92DC;border: #5B92DC 3rpx solid;
		}
	}
	.bf_num1{
		width: 130rpx;height: 40rpx;text-align: center;float: left;position: absolute;margin-top: 108rpx;background: black;margin-left: 102rpx;opacity: 0.8;color: white;font-size: 20rpx;text-align: center;line-height: 40rpx;
	}
</style>